#root {
  overflow: hidden;
}
.homeContainer {
  display: grid;
  grid-template-columns: 1.5fr 1.1fr 1.1fr 1.5fr 2fr 1fr;
  grid-template-rows: 0.3fr 0.2fr 3.3fr 1.6fr 0.3fr;
  grid-auto-rows: 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  justify-content: space-evenly;
  align-content: space-evenly;
  justify-items: stretch;
  align-items: stretch;
}
.home--timing {
  justify-self: end;
  align-self: center;
  grid-area: 1 / 5 / 2 / 6;
}
.home--setting {
  justify-self: center;
  align-self: center;
  grid-area: 1 / 6 / 2 / 7;
}
.home--logotitle {
  grid-area: 1 / 1 / 2 / 2;
}
.home--video_btn_sub1 {
  justify-self: end;
  align-self: start;
  grid-area: 4 / 1 / 5 / 3;
}
.home--thirtyapp {
  grid-area: 3 / 5 / 5 / 7;
}
.home--middle_title {
  justify-self: center;
  align-self: start;
  grid-area: 1 / 1 / 3 / 7;
}
.home--video_btn_main {
  justify-self: center;
  align-self: end;
  grid-area: 3 / 1 / 4 / 5;
}
.home--video_btn_sub2 {
  justify-self: start;
  align-self: start;
  grid-area: 4 / 3 / 5 / 5;
}
/********/
.home {
  width: 100%;
  height: 100%;
  background: #0d1f43;
}
.homeContainer {
  width: 100vw;
  height: 100vh;
  background: #0d1f43;
}
.homeContainer .home--middle_title {
  /* font-size: 1.5vw; */
  font-size: 2vw;
  /* font-family: LiSu, STLiti, "Microsoft YaHei"; */
  /* font-family:'Courier New', Courier, monospace; */
  /* color: #FFF; */
  color: #50e3c2;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: center;
  align-items: stretch;
  background: url("@src/assets/img/toptitle-bg.png");
  background-repeat: no-repeat;
  background-size: 100% 6.8%;
  background-attachment: fixed;
}
body {
  height: 100%;
  /* width: 1920px;
  height: 1080px; */
}
